﻿<%@ Page Title="" Language="VB" MasterPageFile="~/MainLayout.master" AutoEventWireup="false" CodeFile="addPhoto.aspx.vb" Inherits="addPhoto" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <script type="text/javascript">
        $(document).ready(function () {

            $("a[rel=photo]").fancybox({
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'titlePosition': 'over'
            });
        });
    </script>
    <link href="css/information.css" rel="Stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="scripts/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <h1>Property Photo</h1>
    <hr />
    <div runat="server" id="divError" class="msg-box-error" visible="false" enableviewstate="false">

        <span class="title">Error</span><br />
        <asp:Label ID="lblMsgError" runat="server" Text="" />
    </div>
    <div runat="server" id="divSuccessful" class="msg-box-success" visible="false" enableviewstate="false">

        <span class="title">Successful</span><br />
        <asp:Label ID="lblMsgSuccessful" runat="server" Text="Success" />

    </div>
    <p><%--Description of the page--%></p>
    <asp:Label ID="lblPropertyID" runat="server" Visible="false" />
    <asp:Label ID="lblPhotoCount" runat="server" Visible="false" />
    <asp:Label ID="lblhidListType" runat="server" Visible="false" />
    <div class="information-box" style="">
        <div class="General-info-Container">
            <table width="100%">
                <tr>
                    <td class="General-info-title" style="width: 150px;">
                        <h3>General Information</h3>
                    </td>
                    <td>
                        <div class="General-info-title-line"></div>
                    </td>
                </tr>
            </table>
            <div class="information-content">
                <div>
                    <div>
                        <table class="General-info-table " cellpadding="0" cellspacing="0">
                            <tr>
                                <th>Address</th>
                                <td>
                                    <asp:Label ID="lblAddress" runat="server" Text="Hello World" Font-Size="12px" /></td>
                            </tr>
                            <tr>
                                <th>Project Name</th>
                                <td>
                                    <asp:Label ID="lblProject" runat="server" Text="Hellow Project" Font-Size="12px" /></td>
                            </tr>
                            <tr>
                                <th>Property Type</th>
                                <td>
                                    <asp:Label ID="lblPropertyType" runat="server" Text="Property Type" Font-Size="12px" /></td>
                            </tr>
                            <tr>
                                <th>LA (SQ FT)</th>
                                <td>
                                    <asp:Label ID="lblLASQ" runat="server" Text="LA SQ" Font-Size="12px" /></td>
                            </tr>
                            <tr>
                                <th>BU (SQ FT)</th>
                                <td>
                                    <asp:Label ID="lblBUSQ" runat="server" Text="BU SQ" Font-Size="12px" /></td>
                            </tr>
                        </table>
                        <br />
                        <table cellpadding="0" cellspacing="0" class="ListingType-table" width="100%">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Sales(RM)</th>
                                    <th>PSF</th>
                                    <th>ASK(RM)</th>
                                    <th>PSF</th>
                                    <th>Date Created</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr id="trSR" runat="server">
                                    <td>
                                        <asp:Label ID="lblSRType" runat="server" Text="SR" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSRSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSRPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSRAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSRAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSRDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trSC" runat="server">
                                    <td>
                                        <asp:Label ID="lblSCType" runat="server" Text="SC" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSCSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSCPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSCAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSCAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSCDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trSL" runat="server">
                                    <td>
                                        <asp:Label ID="lblSLType" runat="server" Text="SL" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSLSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSLPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSLAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSLAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSLDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trSI" runat="server">
                                    <td>
                                        <asp:Label ID="lblSIType" runat="server" Text="SI" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSISales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSIPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSIAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSIAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblSIDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trRR" runat="server">
                                    <td>
                                        <asp:Label ID="lblRRType" runat="server" Text="RR" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRRSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRRPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRRAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRRAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRRDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trRC" runat="server">
                                    <td>
                                        <asp:Label ID="lblRCType" runat="server" Text="RC" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRCSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRCPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRCAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRCAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRCDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trRL" runat="server">
                                    <td>
                                        <asp:Label ID="lblRLType" runat="server" Text="RL" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRLSales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRLPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRLAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRLAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRLDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                                <tr id="trRI" runat="server">
                                    <td>
                                        <asp:Label ID="lblRIType" runat="server" Text="RI" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRISales" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRIPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRIAsk" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRIAskPSF" runat="server" Font-Size="12px" /></td>
                                    <td>
                                        <asp:Label ID="lblRIDateCreate" runat="server" Font-Size="12px" /></td>
                                </tr>
                            </tbody>
                        </table>
                        <hr />
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="General-info-Container">

        <table width="100%">
            <tr>
                <td class="General-info-title" style="width: 150px;">
                    <h3>Property Photo</h3>
                </td>
                <td>
                    <div class="General-info-title-line"></div>
                </td>

            </tr>
        </table>

        <div style="background-image: url(images/style01/AddPhoto-top.png); background-repeat: repeat-x; background-position: top; background-color: #f5f5f5; padding-top: 7px;">
            <table cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td valign="top" style="background-image: url(images/style01/AddPhoto-divider.png); background-repeat: repeat-y; background-position: right;">
                        <table cellpadding="0" cellspacing="0" style="">
                            <tr>
                                <td colspan="2" align="right"></td>
                            </tr>
                            <asp:Repeater ID="repPhoto" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <asp:FileUpload ID="filRepPhoto" runat="server" /></td>
                                        <td align="center"></td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                            <tr>
                                <td align="right" colspan="2"></td>
                            </tr>
                        </table>


                    </td>
                    <td>

                        <asp:DataList ID="dlUploadedPhoto" runat="server" RepeatColumns="1" RepeatDirection="Horizontal" RepeatLayout="Table" CellPadding="5" CellSpacing="5">
                            <ItemTemplate>
                                <table cellpadding="5" cellspacing="5" width="100%">
                                    <tr style="background-image: url(images/style01/AddPhoto-horizon-divider.png); background-repeat: repeat-x; background-position: bottom;">
                                        <td valign="top">Description : 
                                            <asp:TextBox ID="txtDLPictureDesc" runat="server" Width="200px" MaxLength="250" Height="100px" Text='<%#Container.DataItem("PictureDesc").ToString%>' />
                                            <br />
                                            <div align="center">
                                                <asp:ImageButton ID="imgRepDel" runat="server" AlternateText="Delete" CommandArgument='<%#Container.DataItem("PictureId").ToString%>' CommandName="DeletePicture" ImageUrl="~/images/style01/DeleteButton.png" />
                                                <cc1:ConfirmButtonExtender ID="cbeDelete" runat="server" TargetControlID="imgRepDel" ConfirmText="Are you sure you want to delete this photo?" />
                                            </div>
                                        </td>
                                        <td>
                                            <asp:Label ID="lblPicture" runat="server" Visible="false" Text='<%#Container.DataItem("Picture").ToString%>' />
                                            <a rel="photo" href="<%#Container.DataItem("pictureURL").ToString%>" title="<%#Container.DataItem("PictureDesc").ToString%>">
                                                <img src="<%#Container.DataItem("pictureURL").ToString%>" width="100px" height="100px" border="1" alt="<%#Container.DataItem("PictureDesc").ToString%>" style="border-color: Gray;" /><br />
                                            </a>
                                            <center>
                                                <%-- <%# Container.DataItem("isThumbnail") %>--%>
                                                <asp:RadioButtonList ID="rblSelectedPicture" runat="server" SelectedValue='<%# Container.DataItem("isThumbnail") %>' AutoPostBack="true" OnSelectedIndexChanged="rblSelectedPicture_SelectedIndexChanged">
                                                    <asp:ListItem Text="Main" Value="1" />
                                                    <asp:ListItem Text="Secondary" Value="0" />
                                                    <asp:ListItem Text="Others" Value="2" />
                                                </asp:RadioButtonList>
                                                <%--<asp:CheckBox ID="rbtRepPhoto" name="Photo" runat="server" Checked='<%# Convert.ToBoolean(Container.DataItem("isThumbnail")) %>' /><cc1:MutuallyExclusiveCheckBoxExtender ID="mecPhoto" runat="server" TargetControlID="rbtRepPhoto" Key="Thumnnail" />--%>

                                            </center>
                                            <div style="clear: both; display: none;">
                                                <div style="background-color: white; height: 1px;"></div>
                                                <div style="background-color: Gray; height: 1px;"></div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:DataList>


                    </td>
                </tr>
                <tr>

                    <td align="right" style="border-top: 1px solid #c2c2c2; height: 35px;">
                        <asp:Button ID="btnAddMore" Text="Add More Upload" runat="server" CssClass="search-btn" Width="120px" />&nbsp;
                                    <asp:Button ID="btnUpload" Text="Upload" runat="server" CssClass="search-btn" Width="80px" />
                    </td>
                    <td align="right" style="border-top: 1px solid #c2c2c2; height: 35px;">
                        <asp:Button ID="btnSaveDescription" Text="Update Description" runat="server" CssClass="search-btn" Width="120px" />&nbsp;
                                    <asp:Button ID="btnDone" Text="Done" runat="server" CssClass="search-btn" Width="80px" />
                    </td>
                </tr>
            </table>

        </div>


    </div>
</asp:Content>

